<%-- 
  -- Body List para Customer
  --
  -- @author pablo.tortorella
--%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles" %>
<%@ taglib uri="/WEB-INF/displaytag-el.tld" prefix="display" %>

<%-- Librerias para EXT library --%>
<link rel="stylesheet" type="text/css" href="<html:rewrite page='/protected/script/ext-1.1.1/resources/css/ext-all.css'/>" />
<link rel="stylesheet" type="text/css" href="<html:rewrite page='/protected/script/ext-1.1.1/resources/css/xtheme-default.css'/>" />

<script src="<html:rewrite page='/protected/script/ext-1.1.1/adapter/ext/ext-base.js'/>" type="text/javascript"></script>
<script src="<html:rewrite page='/protected/script/ext-1.1.1/ext-all.js'/>" type="text/javascript"></script>

<script type="text/javascript">
   /** Lleva a la modificacion de cliente. Se necesitan el documento y el pais del cliente */
    function modifyCustomer(customerId) {
        var hiddenCustomerId = $("modifyIdId");
        hiddenCustomerId.value = customerId;        
        var form = $("modifyCustomerFormId");
        form.submit();
    } 

    /** Modifica un cliente.  Se necesita la razon social del cliente */
    function preDeleteCustomer(corporateName) {
        // Deja el documento y el pais del cliente a borrar en dos hidden
        var localHiddenCorporateNameObj = $("customerToDeleteId");
        localHiddenCorporateNameObj.value = corporateName;

        Ext.MessageBox.confirm('Confirm', '&iquest;Est&aacute; seguro que desea eliminar al cliente ' + name + ' ?', postDeleteCustomer);
    }
    
   /** Post invocacion de la eliminacion de customer. */
    var postDeleteCustomer = function(btn)  {
        var localHiddenCorporateNameObj = $("customerToDeleteId");
        if (btn == "yes") {
            // Se quiere eliminar efectivamente
            var deleteHiddenObj = $("deleteCorporateNameId");
            deleteHiddenObj.value = localHiddenCorporateNameObj.value;
            
            var form = $("deleteCustomerFormId");
            form.submit();
        }
        else {
            localHiddenNameObj.value = "";
        }
    }
</script>

<div class="errors">
	<html:errors/>
</div>

<%-- El ID del form NO debe ser modificado. Se usa desde el menu --%>
<html:form action="/protected/listCustomers.do" styleId="customerFormId">
    <%-- Inyectados por Javascript --%>
    <html:hidden name="customerForm" property="corporateName" styleId="customerToDeleteId" value=""/>
    <%-- No pertenece al form de Struts. Se carga cada vez q se selecciona un cliente a eliminar --%>
<%-- !    <input type="hidden" id="customerToDeleteId" value="" > --%>

    <h2>Clientes</h2>

    <bean:define id="customers" name="customerForm" property="customers" />

    <display:table name="pageScope.customers" sort="list" export="true" pagesize="25" requestURI="/protected/listCustomers.do" id="row" class="displayTable">
    
        <display:column title="Eliminar" class="columnGifLink" media="html">
            <img src="<html:rewrite page='/protected/img/trashcan_full.png'/>" alt="Borrar" name="submitButton" onclick="preDeleteCustomer('<bean:write name="row" property="corporateName" />')" title="Elimina al cliente...">
        </display:column>

        <display:column title="Ver/Editar" class="columnGifLink" media="html">
            <img src="<html:rewrite page='/protected/img/kedit.png'/>" alt="Modificar" name="submitB" onclick="modifyCustomer('<bean:write name="row" property="id" />')" title="Modifica al cliente...">
        </display:column>

        <display:column title="Nombre" property="name" sortable="true" />
        <display:column title="Raz&oacute;n Social" property="corporateName" sortable="true" />
        <display:column title="CUIT/CUIL/DNI" property="document" sortable="true" />
        <display:column media="csv excel pdf" title="Cond. Impositiva" property="terms" sortable="false" />
        <display:column media="csv excel pdf" title="Calle" property="address.street" sortable="false" />
        <display:column media="csv excel pdf" title="Numero" property="address.number" sortable="false" />
        <display:column media="csv excel pdf" title="Piso" property="address.floor" sortable="false" />
        <display:column media="csv excel pdf" title="Depto" property="address.room" sortable="false" />
        <display:column media="csv excel pdf" title="Ciudad" property="address.city" sortable="false" />
        <display:column media="csv excel pdf" title="Localidad" property="address.town" sortable="false" />
        <display:column media="csv excel pdf" title="Email" property="email" sortable="false" />
        <display:column media="csv excel pdf" title="Telefono" property="phone" sortable="false" />
        <display:column media="csv excel pdf" title="Celular" property="mobile" sortable="false" />
        <display:column media="csv excel pdf" title="Fecha Alta" property="registerDate" sortable="false" format="{0,date,dd/MM/yyyy}" />
        
        <%-- <display:column title="Direccion" property="address" sortable="false" /> --%>
        
    </display:table>

</html:form>

<%-- Inyectados por Javascript --%>
<div id="modifyDivId" class="hideClass">
    <html:form action="/protected/showCustomer" styleId="modifyCustomerFormId">
        <html:hidden property="id" value="" styleId="modifyIdId" />
    </html:form>
</div>

<%-- Inyectados por Javascript --%>
<div id="deleteDivId" class="hideClass">
    <html:form action="/protected/deleteCustomer" styleId="deleteCustomerFormId">
        <html:hidden property="corporateName" value="" styleId="deleteCorporateNameId" />
    </html:form>
</div>
